﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:CYPlayerScreens" xmlns:pc="http://schemas.microsoft.com/prototyping/2010/controls" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:pi="http://schemas.microsoft.com/prototyping/2010/interactivity" xmlns:ed="http://schemas.microsoft.com/expression/2010/drawing" x:Name="Screen_1_Name"
	mc:Ignorable="d"
	x:Class="CYPlayerScreens.Screen_1"
	Width="400" Height="368">

	<UserControl.Resources>
<!-- Sketch Button -->
		<Style x:Key="ButtonCompactStyle" TargetType="{x:Type Button}" BasedOn="{x:Null}">
			<Setter Property="FontFamily" Value="{DynamicResource FontFamily-Sketch}"/>
			<Setter Property="FontSize" Value="{DynamicResource SizeDouble-Sketch}"/>
			<Setter Property="Foreground" Value="{DynamicResource BaseForeground-Sketch}"/>
			<Setter Property="BorderBrush" Value="{DynamicResource BaseBorder-Sketch}"/>
			<Setter Property="Background" Value="{DynamicResource BaseBackground-Sketch}"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type Button}">
					<!-- We use Grid as a root because it is easy to add more elements to customize the button -->
						<Grid x:Name="Grid" Margin="0,0,0.367,-1.1">
						<!-- Content Presenter is where the text content etc is placed by the control -->
							<pc:SketchRectangleUC x:Name="SketchRectangleUC" BorderBrush="{TemplateBinding BorderBrush}" ExtensionLength="0" ExtensionVariance="0" StrokeWidth="2" SegmentLength="8" Background="{TemplateBinding Background}" SegmentVariance="0.1" SegmentOffset="0.12" FocusVisualStyle="{DynamicResource FocusControl-Sketch}" Radius="2.7999999999999261" Width="Auto" Margin="-0.837,-1,0.937,2.1"/>
							<ContentPresenter HorizontalAlignment="Stretch"  VerticalAlignment="Stretch" Content="{TemplateBinding Content}" Margin="2.698,5.264,2.762,5.3" d:LayoutOverrides="Width, Height"/>
						</Grid>
						<ControlTemplate.Triggers>
							<Trigger Property="IsMouseOver" Value="true">
								<Setter Property="Background" TargetName="SketchRectangleUC" Value="{DynamicResource MouseOverBackground-Sketch}"/>
							</Trigger>
							<Trigger Property="IsPressed" Value="True">
								<Setter Property="Background" TargetName="SketchRectangleUC" Value="{DynamicResource PressedBackground-Sketch}"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
			<Setter Property="FontWeight" Value="{DynamicResource FontWeight-Sketch}"/>
			<Setter Property="FocusVisualStyle" Value="{DynamicResource FocusControl-Sketch}"/>
			<Style.Triggers>
				<Trigger Property="IsEnabled" Value="False">
					<Setter Property="Foreground" Value="{DynamicResource DisabledForeground-Sketch}"/>
					<Setter Property="BorderBrush" Value="{DynamicResource DisabledBorder-Sketch}"/>
				</Trigger>
			</Style.Triggers>
		</Style>
			<!-- Sketch Button -->
		<Style x:Key="ChModeBtnStyle" TargetType="{x:Type Button}" BasedOn="{x:Null}">
			<Setter Property="FontFamily" Value="{DynamicResource FontFamily-Sketch}"/>
			<Setter Property="FontSize" Value="{DynamicResource SizeDouble-Sketch}"/>
			<Setter Property="Foreground" Value="{DynamicResource BaseForeground-Sketch}"/>
			<Setter Property="BorderBrush" Value="{DynamicResource BaseBorder-Sketch}"/>
			<Setter Property="Background" Value="{DynamicResource BaseBackground-Sketch}"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type Button}">
					<!-- We use Grid as a root because it is easy to add more elements to customize the button -->
						<Grid x:Name="Grid" Margin="0,0,0.367,-1.1">
						<!-- Content Presenter is where the text content etc is placed by the control -->
							<pc:SketchRectangleUC x:Name="SketchRectangleUC" BorderBrush="{TemplateBinding BorderBrush}" ExtensionLength="0" ExtensionVariance="0" StrokeWidth="2" SegmentLength="8" Background="{TemplateBinding Background}" SegmentVariance="0.1" SegmentOffset="0.12" FocusVisualStyle="{DynamicResource FocusControl-Sketch}" Radius="2.7999999999999261" Width="Auto" Margin="-0.837,-1,0.937,2.1"/>
							<ContentPresenter/>
						</Grid>
						<ControlTemplate.Triggers>
							<Trigger Property="IsMouseOver" Value="true">
								<Setter Property="Background" TargetName="SketchRectangleUC" Value="{DynamicResource MouseOverBackground-Sketch}"/>
							</Trigger>
							<Trigger Property="IsPressed" Value="True">
								<Setter Property="Background" TargetName="SketchRectangleUC" Value="{DynamicResource PressedBackground-Sketch}"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
			<Setter Property="FontWeight" Value="{DynamicResource FontWeight-Sketch}"/>
			<Setter Property="FocusVisualStyle" Value="{DynamicResource FocusControl-Sketch}"/>
			<Style.Triggers>
				<Trigger Property="IsEnabled" Value="False">
					<Setter Property="Foreground" Value="{DynamicResource DisabledForeground-Sketch}"/>
					<Setter Property="BorderBrush" Value="{DynamicResource DisabledBorder-Sketch}"/>
				</Trigger>
			</Style.Triggers>
		</Style>
		<!-- Sketch Button -->
		<Style x:Key="RoundButtonStyle" TargetType="{x:Type Button}" BasedOn="{x:Null}">
			<Setter Property="FontFamily" Value="{DynamicResource FontFamily-Sketch}"/>
			<Setter Property="FontSize" Value="{DynamicResource SizeDouble-Sketch}"/>
			<Setter Property="Foreground" Value="{DynamicResource BaseForeground-Sketch}"/>
			<Setter Property="BorderBrush" Value="{DynamicResource BaseBorder-Sketch}"/>
			<Setter Property="Background" Value="{DynamicResource BaseBackground-Sketch}"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type Button}">
					<!-- We use Grid as a root because it is easy to add more elements to customize the button -->
						<Grid x:Name="Grid" Margin="0.333,0.367,0.034,-0.033">
						<!-- Content Presenter is where the text content etc is placed by the control -->
							<pc:SketchRectangleUC x:Name="SketchRectangleUC" BorderBrush="{TemplateBinding BorderBrush}" ExtensionLength="0" ExtensionVariance="0" StrokeWidth="2" SegmentLength="8" Background="{TemplateBinding Background}" SegmentVariance="0.1" SegmentOffset="0.12" FocusVisualStyle="{DynamicResource FocusControl-Sketch}" Radius="30.1" Margin="-1,-0.875,1.1,1.275" Foreground="{x:Null}"/>
							<ContentPresenter/>
						</Grid>
						<ControlTemplate.Triggers>
							<Trigger Property="IsMouseOver" Value="true">
								<Setter Property="Background" TargetName="SketchRectangleUC" Value="{DynamicResource MouseOverBackground-Sketch}"/>
							</Trigger>
							<Trigger Property="IsPressed" Value="True">
								<Setter Property="Background" TargetName="SketchRectangleUC" Value="{DynamicResource PressedBackground-Sketch}"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
			<Setter Property="FontWeight" Value="{DynamicResource FontWeight-Sketch}"/>
			<Setter Property="FocusVisualStyle" Value="{DynamicResource FocusControl-Sketch}"/>
			<Style.Triggers>
				<Trigger Property="IsEnabled" Value="False">
					<Setter Property="Foreground" Value="{DynamicResource DisabledForeground-Sketch}"/>
					<Setter Property="BorderBrush" Value="{DynamicResource DisabledBorder-Sketch}"/>
				</Trigger>
			</Style.Triggers>
		</Style>
		<Style x:Key="PrefStyle" TargetType="{x:Type Button}" BasedOn="{x:Null}">
			<Setter Property="FontFamily" Value="{DynamicResource FontFamily-Sketch}"/>
			<Setter Property="FontSize" Value="{DynamicResource SizeDouble-Sketch}"/>
			<Setter Property="Foreground" Value="{DynamicResource BaseForeground-Sketch}"/>
			<Setter Property="BorderBrush" Value="{DynamicResource BaseBorder-Sketch}"/>
			<Setter Property="Background" Value="{DynamicResource BaseBackground-Sketch}"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type Button}">
					<!-- We use Grid as a root because it is easy to add more elements to customize the button -->
						<Grid x:Name="Grid">
						<!-- Content Presenter is where the text content etc is placed by the control -->
							<pc:SketchRectangleUC x:Name="SketchRectangleUC" BorderBrush="{TemplateBinding BorderBrush}" ExtensionLength="0" ExtensionVariance="0" StrokeWidth="2" SegmentLength="8" Background="{TemplateBinding Background}" SegmentVariance="0.1" SegmentOffset="0.12" FocusVisualStyle="{DynamicResource FocusControl-Sketch}" Radius="6.6000000000000227" Margin="-1,-1.1,1,1.1"/>
							<ContentPresenter HorizontalAlignment="Center"  VerticalAlignment="Center" Content="{TemplateBinding Content}" Margin="8,0,8,0"/>
						</Grid>
						<ControlTemplate.Triggers>
							<Trigger Property="IsMouseOver" Value="true">
								<Setter Property="Background" TargetName="SketchRectangleUC" Value="{DynamicResource MouseOverBackground-Sketch}"/>
							</Trigger>
							<Trigger Property="IsPressed" Value="True">
								<Setter Property="Background" TargetName="SketchRectangleUC" Value="{DynamicResource PressedBackground-Sketch}"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
			<Setter Property="FontWeight" Value="{DynamicResource FontWeight-Sketch}"/>
			<Setter Property="FocusVisualStyle" Value="{DynamicResource FocusControl-Sketch}"/>
			<Style.Triggers>
				<Trigger Property="IsEnabled" Value="False">
					<Setter Property="Foreground" Value="{DynamicResource DisabledForeground-Sketch}"/>
					<Setter Property="BorderBrush" Value="{DynamicResource DisabledBorder-Sketch}"/>
				</Trigger>
			</Style.Triggers>
		</Style>
	</UserControl.Resources>

	<Grid x:Name="LayoutRoot">
		<VisualStateManager.VisualStateGroups>
			<VisualStateGroup x:Name="playingMusic">
				<VisualStateGroup.Transitions>
					<VisualTransition GeneratedDuration="0:0:0.3"/>
				</VisualStateGroup.Transitions>
				<VisualState x:Name="pressPlay">
					<Storyboard>
						<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="path1">
							<EasingDoubleKeyFrame KeyTime="0" Value="0"/>
						</DoubleAnimationUsingKeyFrames>
						<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="path">
							<EasingDoubleKeyFrame KeyTime="0" Value="1"/>
						</DoubleAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
				<VisualState x:Name="defaultPlay"/>
			</VisualStateGroup>
			<VisualStateGroup x:Name="OnPL">
				<VisualStateGroup.Transitions>
					<VisualTransition GeneratedDuration="0:0:0.3"/>
				</VisualStateGroup.Transitions>
				<VisualState x:Name="_default">
					<Storyboard>
						<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="playListControl">
							<EasingDoubleKeyFrame KeyTime="0" Value="0.25"/>
						</DoubleAnimationUsingKeyFrames>
						<BooleanAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.IsEnabled)" Storyboard.TargetName="playListControl">
							<DiscreteBooleanKeyFrame KeyTime="0" Value="False"/>
						</BooleanAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
				<VisualState x:Name="enablePL">
					<Storyboard>
						<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="playListControl">
							<EasingDoubleKeyFrame KeyTime="0" Value="1"/>
						</DoubleAnimationUsingKeyFrames>
						<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="playListControl">
							<EasingDoubleKeyFrame KeyTime="0" Value="1"/>
						</DoubleAnimationUsingKeyFrames>
						<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="playListControl">
							<EasingDoubleKeyFrame KeyTime="0" Value="1"/>
						</DoubleAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
			</VisualStateGroup>
		</VisualStateManager.VisualStateGroups>
		<pc:SketchRectangleUC Style="{DynamicResource Rectangle-Sketch}" Radius="8.6000000000000227"/>
		<local:TitleCYP VerticalAlignment="Top" d:IsPrototypingComposition="True" Margin="108,2,108,0"/>
		<Button x:Name="butPL" Style="{DynamicResource ButtonCompactStyle}" Click="butPL_Click" Width="30.507" HorizontalAlignment="Right" Margin="0,289.344,42.507,0" VerticalAlignment="Top" Height="29.154" ToolTip="PlayList Window">
			<Image Source="lol.png" Stretch="Fill" RenderTransformOrigin="0.507,0.499" Margin="2.2,1,2.173,1.503"/>
		</Button>
		<Button x:Name="butChMode" Style="{DynamicResource ChModeBtnStyle}" Width="30.507" HorizontalAlignment="Right" Margin="0,289.344,8,0" VerticalAlignment="Top" Height="29.154" ToolTip="CompactWindow">
			<i:Interaction.Triggers>
				<i:EventTrigger EventName="Click">
					<pi:NavigateToScreenAction TargetScreen="CYPlayerScreens.CompactMode"/>
				</i:EventTrigger>
			</i:Interaction.Triggers>
			<Grid Margin="3.906,4.613,3.774,6.346">
				<Path Data="M0.052029699,-19.325818 C0.052029699,-19.325818 -1.1003333,-20.694333 -2.4336667,-19.894333 L-1.9818611,-18.933526 C-1.9818611,-18.933526 -3.7380451,-18.598003 -5.8996234,-19.094176 -5.8996234,-19.094176 -5.6113301,-20.501147 -3.9720744,-22.404291 L-3.1899144,-21.220478 C-3.1899144,-21.220478 -1.3527094,-22.684152 0.39610364,-20.289985 z" Fill="White" Height="8.066" Margin="0.87,0.1,9.828,0" Stretch="Fill" Stroke="Black" StrokeThickness="1" VerticalAlignment="Top" RenderTransformOrigin="0.5,0.5">
					<Path.RenderTransform>
						<TransformGroup>
							<ScaleTransform ScaleX="-1"/>
							<SkewTransform/>
							<RotateTransform/>
							<TranslateTransform/>
						</TransformGroup>
					</Path.RenderTransform>
				</Path>
				<Path Data="M9.3276667,4.1263333 L12.861,4.1263333" Fill="White" HorizontalAlignment="Right" Height="1" Margin="0,3.545,-0.05,0" Stretch="Fill" Stroke="Black" VerticalAlignment="Top" Width="4.533"/>
				<Path Data="M4.0983125,0.5 L7.7000002,0.5 7.7000002,8.9669998 0.5,8.9669998 0.5,4.8643532 4.0983125,4.8643532 z M1.634,6.38 L1.634,7.3609993 M2.8760001,6.38 L2.8760001,7.3609993 M6.4970002,6.38 L6.4970002,7.3609993 M5.3470001,6.38 L5.3470001,7.3609993 M4.1370001,6.38 L4.1370001,7.3609993 M4.1654152,3.650561 L7.5154154,3.600561" Fill="White" HorizontalAlignment="Stretch" Height="Auto" Margin="5.578,1.483,-0.05,0" Stretch="Fill" Stroke="Black" VerticalAlignment="Stretch" Width="Auto"/>
				<Path Data="M4.0983125,0.5 L7.7000002,0.5 7.7000002,8.9669998 0.5,8.9669998 0.5,4.8643532 4.0983125,4.8643532 z M1.634,6.38 L1.634,7.3609993 M2.8760001,6.38 L2.8760001,7.3609993 M6.4970002,6.38 L6.4970002,7.3609993 M5.3470001,6.38 L5.3470001,7.3609993 M4.1267501,4.94125 L4.1267501,8.94125 M4.0659034,4.8847002 L7.4159036,4.8347002" Fill="White" HorizontalAlignment="Stretch" Height="Auto" Margin="5.578,1.483,-0.05,0" Stretch="Fill" Stroke="Black" VerticalAlignment="Stretch" Width="Auto"/>
			</Grid>
		</Button>
		<Button x:Name="btnStop" Style="{DynamicResource RoundButtonStyle}" Width="22.067" Click="btnStop_Click" HorizontalAlignment="Left" Margin="20.601,299.361,0,0" VerticalAlignment="Top" Height="20.809" ToolTip="Stop">
			<Rectangle Stroke="Black" Margin="8.532,7.507,8.368,8.3" Fill="Black"/>
		</Button>
		<StackPanel Height="40.6" Margin="46.668,299.361,0,0" Orientation="Horizontal" VerticalAlignment="Top" HorizontalAlignment="Left" Width="84.225">
			<Button x:Name="btnPrevious" Style="{DynamicResource RoundButtonStyle}" Height="25.213" Width="25.267" Margin="0,8.887,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" ToolTip="Previous">
				<ed:BlockArrow Margin="4.632,5.041,6.601,5.566" Orientation="Left" Stroke="Black">
					<ed:GeometryEffect.GeometryEffect>
						<ed:SketchGeometryEffect/>
					</ed:GeometryEffect.GeometryEffect>
				</ed:BlockArrow>
			</Button>
			<Button x:Name="btnPlay" Style="{DynamicResource RoundButtonStyle}" Background="White" Foreground="{x:Null}" Click="btnPlay_Click" Margin="0,0.033,0,6.734" HorizontalAlignment="Right" Width="33.316" ToolTip="Play/Pause">
				<Grid Margin="9.432,6.633,5.93,5.833">
					<Path x:Name="path" Data="M0.50000001,0.5 L0.50000001,8.5000076 M3.1670035,0.50000278 L3.1670035,8.4999977" Stretch="Fill" Stroke="Black" StrokeThickness="3" RenderTransformOrigin="0.5,0.5" Margin="2.552,0,6.1,0" Opacity="0" Fill="White">
						<Path.RenderTransform>
							<TransformGroup>
								<ScaleTransform/>
								<SkewTransform/>
								<RotateTransform/>
								<TranslateTransform/>
							</TransformGroup>
						</Path.RenderTransform>
					</Path>
					<Path x:Name="path1" Data="M28.85,182.65 C28.85,182.65 29.550714,187.94814 33.750395,185.14904 L44.549731,177.9506 C44.549731,177.9506 50.349269,174.95151 44.349443,172.15187 L32.350545,166.35281 C32.350545,166.35281 28.550559,164.75228 28.750548,168.95175 z" Stretch="Fill" Stroke="Black"/>
				</Grid>
			</Button>
			<Button x:Name="btnNext" Style="{DynamicResource RoundButtonStyle}" Width="25.267" Margin="0,0,0,6.967" HorizontalAlignment="Center" VerticalAlignment="Bottom" Height="25.213" ToolTip="Next">
				<ed:BlockArrow Margin="6.132,5.041,5.101,5.566" Orientation="Right" Stroke="Black">
					<ed:GeometryEffect.GeometryEffect>
						<ed:SketchGeometryEffect/>
					</ed:GeometryEffect.GeometryEffect>
				</ed:BlockArrow>
			</Button>
		</StackPanel>
		<TextBox Margin="8,38.223,8,0" Style="{DynamicResource TextBox-Sketch}" TextWrapping="Wrap" Text="Rich Hil Ft. KiD CuDi - Won't You Tell Me&#xd;&#xa;&#xd;&#xa;Won't you tell me&#xd;&#xa;What you need from me&#xd;&#xa;Won't you tell me&#xd;&#xa;What you want from me&#xd;&#xa;&#xd;&#xa;Tell me what is going on&#xd;&#xa;Tell me where my mind has gone&#xd;&#xa;Tell me why my mom ain't home&#xd;&#xa;Keep calling my momma's phone&#xd;&#xa;She keeps sending me the message tone, tone, tone&#xd;&#xa;Tell me what I did was wrong&#xd;&#xa;I don't think I did sh-t wrong&#xd;&#xa;&#xd;&#xa;Tell me what you see in me&#xd;&#xa;Imma be gone but i cant stay long&#xd;&#xa;Imma stay on like i can stay on&#xd;&#xa;Imma put on like i can put on&#xd;&#xa;&#xd;&#xa;Don't say that our love is gone&#xd;&#xa;You know that our love is strong&#xd;&#xa;All I really want is peace and love&#xd;&#xa;All I really need is love and peace&#xd;&#xa;&#xd;&#xa;Tell my baby love me please&#xd;&#xa;What she wanna get out of me&#xd;&#xa;What these bitches see in me, me&#xd;&#xa;" Height="240.663" VerticalAlignment="Top"/>
		<Button x:Name="btnPref" Content="Preferences" Margin="134.893,322.498,192.507,0" Style="{DynamicResource PrefStyle}" VerticalAlignment="Top" Height="17.463" FontSize="13.333">
			<i:Interaction.Triggers>
				<i:EventTrigger EventName="Click">
					<pi:NavigateToScreenAction TargetScreen="CYPlayerScreens.Preferences"/>
				</i:EventTrigger>
			</i:Interaction.Triggers>
		</Button>
		<Button x:Name="btnMediaLib" Content="MediaLibrary" Margin="0,322.498,108,0" Style="{DynamicResource PrefStyle}" VerticalAlignment="Top" Height="17.463" FontSize="13.333" HorizontalAlignment="Right" Width="77.4">
			<i:Interaction.Triggers>
				<i:EventTrigger EventName="Click">
					<pi:NavigateToScreenAction TargetScreen="CYPlayerScreens.Screen_1_1"/>
				</i:EventTrigger>
			</i:Interaction.Triggers>
		</Button>
		<local:PlayListControl x:Name="playListControl" VerticalAlignment="Top" d:IsPrototypingComposition="True" Margin="134.893,70.4,111.407,0" RenderTransformOrigin="0.5,0.5" Opacity="0">
			<local:PlayListControl.RenderTransform>
				<TransformGroup>
					<ScaleTransform ScaleX="0.25" ScaleY="0.25"/>
					<SkewTransform/>
					<RotateTransform/>
					<TranslateTransform/>
				</TransformGroup>
			</local:PlayListControl.RenderTransform>
		</local:PlayListControl>
	</Grid>
</UserControl>